//尺寸
$sz-w: 1920px;
$sz-h: 1080px;

//颜色
$c1: #fff;
$c2: #00daee; /*文字颜色*/
$c3: #ff4049;
$c4: #0b5fd9;
$c5: #4DF9FB; /*色块背景色*/
$c6: green; /*色块背景色*/

//字体大小
$fz0: 12px;
$fz1: 14px;
$fz2: 16px;
$fz3: 18px;
$fz4: 22px;
$fz5: 24px;
$fz6: 28px;
$fz7: 32px;
$fz8: 40px;

@mixin clearfix() {
  &:before,
  &:after {
    content: "";
    display: table;
  }
  &:after {
    clear: both;
  }
}

@mixin fl {
  float: left;
}

@mixin fr {
  float: right;
}
@mixin dn {
  display: none;
}
@mixin ell {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
@mixin btnstyle($width:100px,$height:30px,$bgc:#49c562,$fc:#fff,$fz:14px,$bdr:3px,$bdw:0,$bdc:#49c562) {
  background-color: $bgc;
  width: $width;
  height: $height;
  line-height: $height;
  font-size: $fz;
  color: $fc;
  text-align: center;
  padding: 0;
  border-radius: $bdr;
  border: $bdw $bdc solid;
  cursor: pointer;
}
@mixin opacity($number) {
  opacity: $number/100;
  filter: alpha(opacity=$number);
}
@mixin textShadow() {
  text-shadow: 0 0 0.05em $c2,
  -0 -0 0.05em $c2;
}
@mixin boxShadow() {
  box-shadow: 0 0 0.05em $c2,
  -0 -0 0.05em $c2;
}
@mixin bgCol() {
  background-color: rgba(77, 249, 251, .1);
}